<template>
    <div class="block">
        <div class="titleName">毕设进度</div>
        <el-timeline>
            <el-timeline-item v-for="(activity, index) in activities" :key="index" :color="activity.color"
                :timestamp="activity.timestamp">
                {{ activity.content }}
            </el-timeline-item>
        </el-timeline>
    </div>
</template>
<script>
export default {
    data() {
        return {
            reverse: true,
            activities: [{
                content: '开题报告',
                timestamp: '2023-01-20',
                color: '#0bbd87'

            }, {
                content: '设计后端接口',
                timestamp: '2023-02-01',
                color: '#0bbd87'

            }, {
                content: '设计前端页面',
                timestamp: '2023-03-10',
                color: '#0bbd87'

            }, {
                content: '开始论文编写',
                timestamp: '2023-04-01',
                color: '#0bbd87'

            }, {
                content: '答辩',
                timestamp: '2023-04-26',

            },]
        };
    }
};
</script>
<style scoped>
.block {
    padding: 10px 30px;
    text-align: left;
}

.titleName {
    font-size: 18px;
    margin-bottom: 15px;
}
</style>
